<template>
  <div class="welcome-page">
    <el-card class="box-card">
      <h1 class="welcome-text">欢迎来到助农销售系统</h1>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "WelcomePage",
};
</script>

<style scoped>
.welcome-page {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #007bff; /* Deep Blue */
}

.box-card {
  width: 50%;
  padding: 20px;
  text-align: center;
  background-color: #b3daff; /* Lighter Blue */
}

.welcome-text {
  color: #ffffff; /* White */
  font-size: 3em;
}
</style>